<script>
	// 挂载手机端系统相关参数
	import systemInfo from '@/utils/sytemInfo.js'
	// 引入app版本升级
	import AppUpdate from '@/utils/leruge-app-update.js'
	import {
		mapActions
	} from 'vuex'
	export default {
		// 全局变量机制
		gloableData: {
			// 机型适配比例系数
			systemInfomations: null,
			// 机型适配比例系数
			scaleFactor: null,
			// 当前机型-屏幕宽度
			windowWidth: 11,
			// 状态栏高度
			statusBarHeight: null,
			// 手机屏幕宽度
			screenWidth: null,
			downloadShow: false,
			downloadData: null,
		},

		methods: {
			...mapActions(['getUnreadTotal'])
		},
		onLaunch: function() {
			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
			console.log('App Launch')
			// 设置启动页的加载时长
			// #ifdef APP-PLUS
			//设置2.4秒后主动关闭，最多设置6秒
			setTimeout(() => {
				plus.navigator.closeSplashscreen();
			}, 2000);
			// #endif
			// 机型适配比例系数
			let systemInfomations = uni.getSystemInfoSync()
			this.systemInfomations = systemInfomations
			// 机型适配比例系数
			let scaleFactor = 750 / systemInfomations.windowWidth
			this.scaleFactor = scaleFactor
			// 当前机型-屏幕宽度
			let windowWidth = systemInfomations.windowWidth * scaleFactor //rpx
			this.windowWidth = windowWidth
			// 状态栏高度
			let statusBarHeight = (systemInfomations.statusBarHeight) * scaleFactor //rpx
			this.statusBarHeight = statusBarHeight
			let screenWidth = systemInfomations.systemInfomations
			this.screenWidth = screenWidth
			// uni.getSystemInfo({
			//         success: function(e) {
			//             // // #ifndef MP
			//             // Vue.prototype.StatusBar = e.statusBarHeight;
			//             // if (e.platform == 'android') {
			//             //     Vue.prototype.CustomBar = e.statusBarHeight + 50;
			//             // } else {
			//             //     Vue.prototype.CustomBar = e.statusBarHeight + 45;
			//             // };
			//             // // #endif
			//             // // #ifdef MP-WEIXIN
			//             // Vue.prototype.StatusBar = e.statusBarHeight;
			//             // let custom = wx.getMenuButtonBoundingClientRect();
			//             // Vue.prototype.Custom = custom;
			//             // Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
			//             // // #endif       
			//             // // #ifdef MP-ALIPAY
			//             // Vue.prototype.StatusBar = e.statusBarHeight;
			//             // Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
			//             // // #endif
			//         }
			//     })
		},
		onShow: function() {

			this.getUnreadTotal()
			let systemInfo = ""
			let phoneSystem = ""
			uni.getSystemInfo({
				success: (res) => {
					systemInfo = res
					phoneSystem = res.platform //手机型号 Android、ios
				}
			})
			// for android
			this.$http('ApkEdition/Apk_Edition/GetApkEdtionData?AppType=' + phoneSystem).then(res => {
				if (res.Success) {
					console.log(res.Data)
					var vers = plus.runtime.version
					let url = res.Data.Url
					if (res.Data.VersionNumber > vers) {
						let AppUpdateInfo = {
							platform: phoneSystem,
							updateContent: res.Data.Remark,
							downUrl: res.Data.Url,
							version: res.Data.VersionNumber,
							force: res.Data.ForceUpdates == 0 ? false : true, //0 不强制更新1 强制更新
							mainColor: 'D1100B', //按钮的颜色
						}
						//判断是否点击了暂时不升级的按钮  如果点击了。。后续流程不再弹窗升级提示  只有退出登录条件下才会提示升级弹窗
						if (uni.getStorageSync('NOTEAPPUPDATE')) return
						AppUpdate(AppUpdateInfo) //调用app升级弹窗
						// 暂时不删除 后续需要打开即可
						// uni.showModal({
						// 	title: '提示', 
						// 	content: '检测到有新版本请先更新',
						// 	cancelText: "取消", //取消按钮  取消回调调确定事件
						// 	// cancelColor: '#007aff',
						// 	confirmText:phoneSystem === 'ios'? "去appStore更新":'更新', //确定按钮
						// 	// confirmColor: "#000000",
						// 	success: function(e) {
						// 		if (e.confirm) {

						// 			if(phoneSystem ==='ios'){//如果手机系统是苹果  走苹果更新逻辑   直接通过后台返回的appStore地址进行跳转appstore更新下载即可
						// 				plus.runtime.launchApplication({
						// 					action:res.Data.Url
						// 				}, function(e){

						// 				})
						// 				return
						// 			}

						// 			// 如果是安卓手机终端 走安卓手机更新逻辑

						// 			var dtask = plus.downloader.createDownload(
						// 				url, {},
						// 				function(d, status) {
						// 					uni.showToast({
						// 						title: '下载完成',
						// 						mask: false,
						// 						duration: 1000
						// 					});
						// 					// 下载完成
						// 					if (status == 200) {
						// 						plus.runtime.install(plus.io
						// 							.convertLocalFileSystemURL(d
						// 								.filename), {}, e => e,
						// 							function(error) {
						// 								uni.showToast({
						// 									title: '安装失败-01',
						// 									mask: false,
						// 									duration: 1500
						// 								});
						// 							})
						// 					} else {
						// 						uni.showToast({
						// 							title: '更新失败-02',
						// 							mask: false,
						// 							duration: 1500
						// 						});
						// 					}
						// 				});
						// 			try {
						// 				dtask.start(); // 开启下载的任务
						// 				var prg = 0;
						// 				var showLoading = plus.nativeUI.showWaiting(
						// 					"正在下载"); //创建一个showWaiting对象 
						// 				dtask.addEventListener('statechanged', function(
						// 					task,
						// 					status
						// 				) {
						// 					// 给下载任务设置一个监听 并根据状态  做操作
						// 					switch (task.state) {
						// 						case 1:
						// 							showLoading.setTitle("正在下载");
						// 							break;
						// 						case 2:
						// 							showLoading.setTitle("已连接到服务器");
						// 							break;
						// 						case 3:
						// 							prg = parseInt(
						// 								(parseFloat(task
						// 										.downloadedSize) /
						// 									parseFloat(task.totalSize)
						// 								) *
						// 								100
						// 							);
						// 							showLoading.setTitle("  正在下载" + prg +
						// 								"%  ");
						// 							break;
						// 						case 4:
						// 							plus.nativeUI.closeWaiting();
						// 							//下载完成
						// 							break;
						// 					}
						// 				});
						// 			} catch (err) {
						// 				plus.nativeUI.closeWaiting();
						// 				uni.showToast({
						// 					title: '更新失败-03',
						// 					mask: false,
						// 					duration: 1500
						// 				});
						// 			}

						// 		} else {
						// 			console.log('点击取消退出app')
						// 			// plus.runtime.quit()
						// 			 plus.ios.import('UIApplication').sharedApplication().performSelector('exit');   

						// 		}
						// 	}
						// });
					}
				}
			})
		},

		onHide: function() {

			console.log('App Hide')
		},

	}
</script>

<style lang="scss">
	// button{
	// 	background-color: #f40f0b;
	// 	color: #fff;
	// }
	// .button-hover{
	// 	background-color: #f40f0b;
	// }
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box
	}

	@import '@/static/iconfont/iconfont.css';
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';
	/* #ifndef APP-NVUE */
	@import '@/static/customicons.css';
	@import "@/uni_modules/uview-ui/index.scss";

	/*
     * 这是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的Css组件库.
     * 但colorui使用了复合样式，因而不支持nvue页面开发，index.scss里面已经对使用平台
     * 做了编译控制
     */
	@import "libs/colorui/index.scss";

	/**
     * 工程自定义样式
     * 不支持的复合样式，条件编译在内部解决
     */
	@import "common/css/index.scss";

	// 设置整个项目的背景色
	page {
		background-color: #fff;
		// background-color: #EDEDED;
		height: 100%;
	}

	/* #endif */
	.example-info {
		font-size: 14px;
		color: #333;
		padding: 10px;
	}

	.image {
		width: 100%;
		height: 100%;
	}

	.rightItem {
		width: 80%;
		// height: 130rpx;
		background-color: #fff;
		box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
		margin: 0 auto;
		margin-bottom: 30rpx;
		box-sizing: border-box;
		padding: 15rpx;
		border-radius: 20rpx;



		.add {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}

	.rightItem:active {
		// background-color: #ccc;
	}

	/deep/.uni-popup {
		z-index: 999 !important;
	}

	/deep/ .uni-system-preview-image {
		z-index: 9999 !important;
	}

	/deep/.uni-list-item__content-title {
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
</style>